<div *ngIf="dashboardDetailsService.isAutoScanOn then vulnerabilityInstruction; else autoScanRequest"></div>

<ng-template #vulnerabilityInstruction>
  <div *ngIf="dashboardDetailsService.isAutoScanOn">{{ 'dashboard.heading.guideline.VUL_EXPLOIT' | translate }}</div>
</ng-template>

<ng-template #autoScanRequest>
  <div *ngIf="!dashboardDetailsService.isAutoScanOn">
    <div>
      <em class="eos-icons text-caution">warning</em>
      {{ 'dashboard.heading.guideline.AUTO_SCAN_OFF' | translate }}
    </div>
    <div class="text-center margin-top-s">
      <mat-slide-toggle
        [disabled]="!isAutoScanAuthorized"
        [(ngModel)]="isAutoScanOn"
        (change)="turnOnAutoScan()"
      >
        {{'scan.AUTO' | translate}}
      </mat-slide-toggle>
    </div>
  </div>
</ng-template>
